<template>
  <header>
    <span class="iconfont icon-zuojiantou" @click="replaceIndex"></span>
    <van-search
      v-model="value"
      shape="round"
      background="transparent"
      placeholder="搜索品牌"
    />
  </header>
</template>

<script>
import { Search } from "vant";
import "vant/es/search/style";
import "../../assets/font/brandFont/iconfont.css";
export default {
  data() {
    return {};
  },

  components: {
    VanSearch: Search,
  },

  computed: {},

  mounted() {},

  methods: {
    replaceIndex() {
      this.$router.replace("/home/index");
    },
  },
};
</script>

<style lang="less" scoped>
header {
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 25px;
  // position: absolute;
  // left: 0;
  // top: 0;
  span {
    font-size: 46px;
    background: transparent;
    border: 0;
    color: gray;
    display: inline-block;
    margin-left: 34px;
  }
  :deep(.van-search) {
    width: 641px;
    height: 60px;
    margin-right: 19px;
  }
  :deep(.van-field__control) {
    height: 60px;
    font-size: 30px;
  }
  :deep(.van-field__left-icon) {
    line-height: 60px;
  }
  :deep(.van-field__left-icon .van-icon) {
    font-size: 40px;
  }
}
</style>
